html,body{overflow-x:hidden}
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input,figure,figcaption{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
em,i{font-style:normal;}
a,u{text-decoration: none;}
img{border:0;display:block;}
input{outline:none;}
*{box-sizing:border-box;}
header{ width:100%; height:auto; }
.top{ width:100%; height:30px; height:30px;background-color:#F2F2F2;}
.search{ width:100%; height:70px;padding-top: 15px}
nav{ width:100%; height:42px; background-color:#000;}
.banner{ width:100%; height:400px; overflow:hidden;position: relative}
.top ul,nav ul{ display:flex;}
.top a{color: #000;}
nav a{color: #fff;}
.center{ width:1000px; height:100%; margin:0 auto;display:flex;
    justify-content:space-between;align-items:center}
.top .center ul img{ float:left;}
.top .center ul li { margin-right:20px;}
.top .center ul li:last-child a{ background:url(../img/base_z.png) 0 0 no-repeat;}

nav ul li { margin-right:50px;}
nav ul li a.on{color:red}
h1{ width:369px; height:36px; margin-left:170px;}
h1 a{ display:block;background:url("../img/logo.png") 100% 100% no-repeat; width:369px; height:36px;}
.comeback{width: 98px; height: 300px; position: fixed; left: 50%; margin-left: 550px; bottom: 50px;
    overflow: hidden; text-align: center; background: transparent;
    top:180px;
}
nav ul .cart{display: block;
    width: 23px;
    height: 40px;
    background: url("../img/base_z.png") -1017px -219px no-repeat;}
nav .shop li{
    width: 200px;
    height: 100px;
    border: 1px solid #777777;
    position: absolute;
    top: 50px;
    right: -90px;
    z-index: 999;
}
.banner ul{
    width: 3000%;
    position: absolute;
}
.banner ul li{float: left;
    width: 1500px;
}
.ctop{    overflow: hidden;
    background-color: #000;
    font-size: 14px;
    color: #fff;
    padding: 5px 0;}
.ctop span{ display:block;color:red}
.cmian{    border: 1px solid #ccc;
    margin: 0;
    background-color: #fff;
    padding: 5px 0;}
.cmian img  {width: 75px;
    height: 75px; margin: 5px auto; }
.new,.hot,.lady,.boy,.start{ width:1030px;  margin:0 auto;height:auto;overflow:hidden
}
.new h3,.hot h3,.lady h3,.boy h3,.start h3{
    padding-top:20px;
    margin:0 0 10px 20px;
}

.new ul,.hot ul { display:flex; width:1000px;flex-direction: row;
    flex-wrap: wrap;margin-left: 5px;
    justify-content: space-around;}

.new ul li,.hot ul li{ width:320px; height:232px; overflow: hidden;}
.new ul li  img{ width:320px; height:192px; overflow: hidden;}
.new ul li div,.hot ul li div,.lady ul li div,.boy ul li div{ width:320px; height:30px; overflow: hidden;background-color:#f2f2f2;line-height: 30px;
    padding:0 20px;font-size:12px;}
.new ul li div p,.hot ul li div p,.lady ul li div p,.boy ul li div p{overflow: hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block; width:150px}
.new ul li span, .hot ul li span,.lady ul li span,.boy ul li span{color:red;display:inline-block; float:right;}
 .new ul li .imgbox{
    width: 320px;
    height: 192px;
    overflow: hidden;
    padding: 0;
     position: relative;
}
.new ul li section.imgbox:hover img{transition: all 3s;transform:scale(1.2);
    overflow: hidden;}
.new ul li section.imgbox:hover .box{display: block}
.new ul li .imgbox .box{
    width: 320px;
    height: 192px;
    background-color: #000;
    opacity: .5;
    position: absolute;
    top: 0;
    left: 0;
    display: none;

}
.lady ul, .boy ul{width:1020px; background-color:pink;padding-left:12px}
.lady ul li, .boy ul li{width:320px; height:232px;overflow: hidden;float:left;margin-right:15px; margin-top:20px;}
.lady ul li img, .boy ul li img{width:320px; height:192px; }
.lady ul  li:first-child,.boy ul  li:first-child{position: relative;
    float: left;
    width: 320px;
    height: 484px;
    overflow: hidden;
    background: url(../img/home_silo_banner.jpg) 0 0 no-repeat;}
.boy ul  li:first-child{
    background-position: -640px 0px;
}

.lady a,.boy a{color:#000;}
.time li{height: 35px;
    line-height: 16px;
    float: left;
    width: 89px;
    text-align: center;
    cursor: pointer;
    border-right: 1px solid #000;
padding: 5px;
}
.time li:first-child{
    border-left: 1px solid #000;
}
.time li.on{border-bottom: 3px solid #000;}
.cont{clear:both;margin-top:50px}
.cont li{    width: 318px;
    height: 88px;
    overflow: hidden;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 1px solid #e7e7e7;
    position: relative;
    background-color: #f2f2f2;font-size:14px}
.cont li img{width: 149px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fff;}
.cont div{    width: 169px;
    height: 88px;
    overflow: hidden;
    float: right;
    position: relative;}
.cont div p, .cont div span{padding-top:10px;padding-left:10px}
.red{color:red}
.cont .hover{  width: 318px;
    height: 88px; opacity:0.5;position:absolute;top:0;left:0;z-index:2;
    background-color:#000000;display:none}
.cont li:hover .hover{display:block}
.cont .hover div{width:80px; height:20px; background-color:red;opacity:1; position:absolute;left: 35%; top:45%;z-index:999}
.cont ul{display: none}
.cont ul.on {display: block}

.cont .hover div a{color:#fff;z-index:3;padding-left:5px}
footer{ width:100%;height: 235px;position: relative;
    margin: 0 auto;
    background-color: #f2f2f2;
    padding-top: 15px;
}
footer a{color:#000}
footer ul{ display:flex;}
footer ul:nth-of-type(1) li{
    width: 165px;
    height: 60px;
    border-right: 1px solid #777;
    text-align:center;
    margin:0 auto;
    margin-bottom:10px;
}
footer ul:nth-of-type(1) li:last-child{
    border-right:none;
}
footer ul:nth-of-type(2){
    display:flex;
    justify-content:center;
    margin-bottom:15px;
}
footer ul { padding-top:15px;font-size:14px}
footer ul:nth-of-type(2) li{
    margin-right:12px;
}
footer p{ text-align:center;margin-bottom:20px;font-size:14px}
footer img{ margin:0 auto;}
footer ul li a{display:flex;justify-content:center;align-items:center;flex-direction:column}
footer ul li a img { width:46px; height:32px; }
footer ul li a.a1 img{background:url("../img/base_z.png") -220px -150px no-repeat;}
footer ul li a.a2 img{background:url("../img/base_z.png") -602px -106px no-repeat;}
footer ul li a.a3 img{background:url("../img/base_z.png") -217px -385px no-repeat;}
footer ul li a.a4 img{background:url("../img/base_z.png") -485px 5px no-repeat;}
footer ul li a.a5 img{background:url("../img/base_z.png") -368px -350px no-repeat;}
footer ul li a.a6 img{background:url("../img/base_z.png") -370px -117px no-repeat;}
footer ul li a:hover{color:red}
footer ul li .a1:hover img{background:url("../img/base_z.png") -220px -268px no-repeat;}
footer ul li .a2:hover img{background:url("../img/base_z.png") -602px 5px no-repeat;}
footer ul li .a3:hover img{background:url("../img/base_z.png") -368px -232px no-repeat;}
footer ul li .a4:hover img{background:url("../img/base_z.png") -485px -108px no-repeat;}
footer ul li .a5:hover img{background:url("../img/base_z.png") -368px -463px no-repeat;}
footer ul li .a6:hover img{background:url("../img/base_z.png") -370px 0px no-repeat;}
